﻿/**
 * jQuery :  城市联动插件
 * @author   XiaoDong <cssrain@gmail.com>
 *			 http://www.cssrain.cn
 * @example  $("#test").ProvinceCity();
 * @params   暂无
 */
$.fn.ProvinceCity = function(province,city){
	var _self = this;
	//定义2个默认值
	_self.data("province",["请选择", "请选择"]);
	_self.data("city",["请选择", "请选择"]);
	//插入2个空的下拉框
	_self.append("<select id='myProvince1' name='province' ></select>&nbsp;&nbsp;&nbsp;&nbsp;");
	_self.append("<select id='myProvince2' name='city'></select>");
	//分别获取2个下拉框
	var $sel1 = _self.find("select").eq(0);
	var $sel2 = _self.find("select").eq(1);
	//默认省级下拉
	if(_self.data("province")){
		$sel1.append("<option value='"+_self.data("province")[1]+"' >"+_self.data("province")[0]+"</option>");
	}
	$.each( GP , function(index,data){
		$sel1.append("<option value='"+data+"'>"+data+"</option>");
	});
	//默认的1级城市下拉
	if(_self.data("city")){
		$sel2.append("<option value='"+_self.data("city")[1]+"'>"+_self.data("city")[0]+"</option>");
	}
	//省级联动 控制
	var index1 = "" ;
	$sel1.change(function(){
		//清空其它2个下拉框
		$sel2[0].options.length=0;
		index1 = this.selectedIndex;
		if(index1==0){	//当选择的为 “请选择” 时
			if(_self.data("city")){
				$sel2.append("<option value='"+_self.data("city")[1]+"'>"+_self.data("city")[0]+"</option>");
			}
		}else{
			$.each( GT[index1-1] , function(index,data){
				$sel2.append("<option value='"+data+"'>"+data+"</option>");
			});
		}
	}).change();
	if(province!=null){
		$(_self).find("select[name='province']").val(province);
	}
	if(city!=null){
		setCity(_self);
		$(_self).find("select[name='city']").val(city);
	}
	return _self;
};

function setCity(obj){
	var $sel2 = document.getElementById("myProvince2");
	var index1 = 0;
	var ss = document.getElementById("myProvince1");
	var index1 = ss.selectedIndex;
	if(index1==0){
		if(obj.data("city")){
			$($sel2).append("<option value='"+obj.data("city")[1]+"'>"+obj.data("city")[0]+"</option>");
		}
	}else{
		$.each(GT[index1-1],function(index,data){
			$($sel2).append("<option value='"+data+"'>"+data+"</option>");
		});
	}
}